/*demo page css*/
body {
    font: 62.5% "Trebuchet MS",sans-serif;
    margin: 3px 10px 10px;
}
#body{
	display:block;
	float:left;
	width:100%;
}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
#webHeader {
    color: #f4a50d;
    font-size: 2em;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 0.5em;
    height:32px;
    
}
a.cloud {
    color: #333333;
    text-decoration: none;
    float:left;
    padding-left:10px;
}
a.logo {
    color: #333333;
    text-decoration: none;
    padding-left:10px;
    }
#webHeader #logo{
	float:left;
	width:225px;
}
#webHeader a {
    font: bold 1.3em "Trebuchet MS",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    padding: 0px 5px 3px 5px;
    text-align: center;
    text-decoration: none;
}
a.compare{
	color:#f4a50d;
	text-decoration: none;
	float:right;
}
#left{
	float:left;
	width: 20%;
}
#arrow{
	   background-color: #EEEEEE;
	    border: 1px solid #CCCCCC;
	    border-radius: 4px 4px 4px 4px;
	    color: #333333;
	    float: left;
	    height:200px;
	    margin: 1px 1px 1px 6px;
	    padding-top: 150px;
	    vertical-align: middle;
}
#right{
	float:right;
	width: 78%;
}
.ui-state-active .ui-icon{
	float:left;
}
td{
	border:1px solid #CCCCCC;
}
/* Footer */

#footer {
padding: 70px 0 50px 0;
background: #757575 url(../img/img08.gif) repeat-x;
float:left;
width:100%;
}

#footer p {
margin-bottom: 1em;
text-align: center;
line-height: normal;
font-size: .9em;
color: #BABABA;
}

#footer a {
padding: 0 20px;
text-decoration: none;
color: #DDDDDD;
}

#footer a:hover {
color: #FFFFFF;
}

#footer .rss {
background: url(/img/img18.gif) no-repeat left center;
}

#footer .xhtml {
background: url(/img/img19.gif) no-repeat left center;
}

#footer .css {
background: url(/img/img20.gif) no-repeat left center;
}

#footer .legal a {
padding: 0;
}
#menu {
float: right;
}

#menu ul {
margin: 0;
padding-top: 14px;
list-style: none;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
width: 110px;
height: 25px;
padding: 3px 0 0 0;
text-decoration: none;
text-align: center;
letter-spacing: -1px;
font: 0.9em "Trebuchet MS",Arial,Helvetica,sans-serif;
color: #f4bc73;
border-radius: 4px 4px 0 0;
}

#menu a:hover {
width: 108px;
background: #f4a50d;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
}

#menu .current_page_item {
background: url(img/img02.gif) no-repeat center bottom;
}

#menu .current_page_item a {
width: 108px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
color: #fff;
background-color: #444;
}

/* Upload */

.fileUploadArea{
	border: 1px dashed #BBBBBB;
    color: #444444;
    font: 0.9em "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-align: center;
    width:49%;
    height:250px;
}